<template>
  <div>
    <view class="dsw_left">{{ title }}</view>
    <view class="dsw_right">
      <!-- <picker mode="selector" range="{{array}}" value="{{index}}" bindchange="listenerPickerSelected">
        <text>{{ array[index].text }}</text>
      </picker> -->
    </view>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {
    title: {
      type: String,
      default: '',
    },
    // 索引
    index: {
      type: Number | String,
      default: -1,
    },

    // 范围值
    array: {
      type: Array,
      default: () => {
        return []
      },
    },
  },
  data() {
    return {}
  },
  mounted() {},
  methods: {
    listenerPickerSelected(e) {
      console.log('e', e)
    },
  },
}
</script>
<style lang="scss" scoped>
.detail_select_wapper {
  width: 100%;
  height: 90rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 30rpx;
  font-weight: 500;
  position: relative;
  &::after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1rpx solid #e6e6e6;
  }
  .dsw_left {
    width: 200rpx;
    color: #666666;
  }
  .dsw_right {
    flex: 1;
    color: #333333;
  }
}
</style>
